<!DOCTYPE html>
<html lang="zh-dan">
<head>
<meta charset="utf-8"/>
<title>列表页</title>
	<link rel="stylesheet" type="text/css" href="images/public.css" />
	<link rel="stylesheet" type="text/css" href="images/list.css" />
</head>
<body>
<div id="top" class="auto">
		<div class="nav">
			<div class="left same"><img src="images/mainnav_l.gif"/></div>
			<div class="mainNav">
				<img class="logo" src="images/logo.gif"/>
				<ul>
					<li><a href="demo.html">首页</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
					<li><a href="list.html">手机</a></li>
				</ul>
			</div>
			<div class="right same"><img src="images/mainnav_r.gif" /></div>
		</div>
		<div class="nav1">
			<form class="search" action="#">
				<input class="keywords" type="text" name="keyworsd" />
				<input class="btn" type="submit" value ="" />
				</form>
				<div class="enter">
				<a href="#">登录</a>  |
				<a href="#">注册</a>
				<img src="images/shoppingcart_sicon.png" />
				<a class="cart" href="#">购物车0件</a>
			</div>
		</div>
</div>
<div id="position" class="auto">
	当前位置：<a href="#">首页</a> &gt; <a href="#">小米手机</a>
</div>
<div id="list" class="auto">
	<div class="listTitle">
		<h2>商品列表</h2>
		<div class="sort">
			<a href="#"><img src="images/goods_id_DESC.gif" /></a>
			<a href="#"><img src="images/shop_price_default.gif" /></a>
			<a href="#"><img src="images/last_update_default.gif" /></a>
		</div>	
	</div>
	<div class="imgList">
		<ul>
			<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
			<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
			<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
			<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
		<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
			<li>
				<a href="details.html"><img class="litpic" width="160" height="160" src="images/88_thumb_G_1363925352471.jpg" /></a>
				<p class="p0">R811</p>
				<p class="p1">￥144</p>
				<p class="p2">￥120</p>
				<p class="p3">
					<a href="#"><img src="images/goumai.gif"></a> 　　
					<a href="#"><img src="images/shoucang.gif"></a>
				</p>
			</li>
			
		</ul>
			<div style="clear:both;"></div>
	</div>
</div>
		
<div id="bottom">
	<p>联系QQ:1435785971</p>
	<p>Powered by <a href="http://www.sifangku.com"> sifangku.com></a></p>

</div>
</div>

</body>
</html>